home *** CD-ROM | disk | FTP | other *** search
/ Amiga Format CD 12 / Amiga Format AFCD12 (Apr 1997, Issue 96).iso / -in_the_mag- / html_tutorial / make2.sh < prev    next >
Text File  |  1997-01-21  |  6KB  |  291 lines
  1.  
  2. cat << +END+ > head
  3. <!doctype html public "-//IETF//DTD HTML//EN">
  4.  
  5. <HTML>
  6.  
  7. <HEAD>
  8. <TITLE>A introduction to HTML and CGI scripts on the WWW</TITLE>
  9. <LINK TITLE="HTML WWW CGI web guide interactive introduction use example"
  10.       HREF="mailto:M.A.Smith@brighton.ac.uk" >
  11. </HEAD>
  12.  
  13. <!-- -------------------------------------------------- -->
  14. +END+
  15.  
  16.  
  17.  
  18.  
  19.  
  20. cat << +END+ > tail
  21. <P>
  22. <HR>
  23. The material in these WWW page(s) is © M.A.Smith February 1996<BR>
  24. (C) Last modified 14 February 1996
  25. <ADDRESS>
  26. Comments, suggestions, etc. 
  27. <A HREF="mailto:M.A.Smith@brighton.ac.uk">
  28. M.A.Smith@brighton.ac.uk
  29. </A>
  30. </ADDRESS>
  31.  
  32. </BODY>
  33.  
  34. </HTML>
  35. +END+
  36.  
  37.  
  38.  
  39.  
  40.  
  41.  
  42. cat head > fr-txt1.htm
  43. cat << +END+ >> fr-txt1.htm
  44. <HTML>
  45. <BODY>
  46. <H2>Example web page Number 1</H2>
  47. This is a normal web page which contains all the normal HTML
  48. formatting tags.
  49.  
  50. <P>
  51.  <TABLE BORDER CELLPADDING=2>
  52.   <TH ALIGN=LEFT>Language</TH>
  53.   <TH ALIGN=LEFT COLSPAN=2>Encapsulation <BR> </TH>
  54.  <TR>
  55.   <TD> Ada 95</TD>
  56.   <TD ROWSPAN=2>Using</TD>
  57.   <TD> Class</TD>
  58.  <TR>
  59.   <TD> C++</TD>
  60.   <TD> Package</TD>
  61.  </TABLE>
  62.  </TD>
  63. +END+
  64. cat tail >> fr-txt1.htm
  65.  
  66.  
  67.  
  68.  
  69.  
  70. cat head > fr-txt2.htm
  71. cat << +END+ >> fr-txt2.htm
  72. <H2>Example web page Number 2</H2>
  73. This is a normal web page which contains all the normal HTML
  74. formatting tags.
  75.  
  76. <P>
  77. Even a <A HREF="fr-ex1.htm">link</A> to a page which contains frames.
  78. <P>
  79. <TABLE BORDER CELLPADDING=2>
  80.  
  81.  <TD ALIGN=LEFT> Inserted image</TD>
  82.  <TH ALIGN=LEFT> HTML markup required <BR>  </TH>
  83.  
  84. <TR>
  85.  <TD ALIGN=LEFT>
  86.  <IMG SRC="../../pic/mas_fn50.jpg"
  87.       ALT="mas" ALIGN=TOP>jpeg
  88.  </TD>
  89.  
  90.  <TD ALIGN=LEFT>
  91.  <PRE>
  92.  <IMG SRC="mas_fn50.jpg"
  93.       ALT="mas" ALIGN=TOP>jpeg
  94.  </PRE>
  95.  </TD>
  96. </TABLE>
  97.  
  98. <P> <A HREF="try_img.htm"> <IMG SRC="pic/try_it.gif" ALT="Try it"> </A> <P>
  99.  
  100. <P>
  101. Right mouse click in frame to select a pop up menu, 
  102. which will allow you to navigate back and forth between 
  103. the selected URL's in the frame.
  104.  
  105. +END+
  106. cat tail >> fr-txt2.htm
  107.  
  108.  
  109.  
  110.  
  111.  
  112.  
  113. cat head > fr-txt3.htm
  114. cat << +END+ >> fr-txt3.htm
  115. <H2>Example web page Number 3</H2>
  116. This is a normal web page which contains all the normal HTML
  117. formatting tags.
  118.  
  119. <P>
  120. Even a <A HREF="fr-ex1.htm">link</A> to a page which contains frames.
  121. <P>
  122. A form to request the user to enter text which is to be sent to the
  123. CGI script mas_form is shown below.
  124. This is introduced by the <INPUT> tag.
  125.  
  126. <P>
  127. <TABLE BORDER CELLPADDING=2>
  128.  
  129.  <TH ALIGN=LEFT> Generated form</TH>
  130.  <TH ALIGN=LEFT> HTML markup required <BR>  </TH>
  131.  
  132. <TR>
  133.  <TD ALIGN=LEFT>
  134.  <FORM ACTION="http://snowwhite.it.brighton.ac.uk/cgi-bin/mas/mas_form">
  135.  <INPUT TYPE="text" NAME="name"
  136.         SIZE=20 VALUE="Your name">
  137.  </FORM>
  138.  </TD>
  139.  
  140.  <TD ALIGN=LEFT>
  141.  <PRE>
  142.  
  143.  <FORM ACTION="http://host/cgi-bin/mas_form">
  144.  <INPUT TYPE="text" NAME="name"
  145.         SIZE=20 VALUE="Your name">
  146.  </FORM>
  147.  </PRE>
  148. </TABLE>
  149.  
  150. <P>
  151. Right mouse click in frame to select a pop up menu, 
  152. which will allow you to navigate back and forth between 
  153. the selected URL's in the frame.
  154.  
  155. +END+
  156. cat tail >> fr-txt3.htm
  157.  
  158. rm fr-txt11.htm
  159. cat head > fr-txt11.htm
  160. cat << +END+ >> fr-txt11.htm
  161. <H2>Example web page targeting</H2>
  162. <UL>
  163. <LI><A HREF="fr-txt21.htm" TARGET="results">Display A</A>
  164. <LI><A HREF="fr-txt22.htm" TARGET="results">Display B</A>
  165. <LI><A HREF="fr-txt23.htm" TARGET="results">Display C</A>
  166. </UL>
  167. +END+
  168. cat tail >> fr-txt11.htm
  169.  
  170.  
  171. rm fr-txt12.htm
  172. cat head > fr-txt12.htm
  173. cat << +END+ >> fr-txt12.htm
  174. <H2>The target</H2>
  175. +END+
  176. cat tail >> fr-txt12.htm
  177.  
  178.  
  179.  
  180. rm fr-txt21.htm
  181. cat head > fr-txt21.htm
  182. cat << +END+ >> fr-txt21.htm
  183. <H2>Display A</H2>
  184. A is the first letter of the alphabet.
  185. +END+
  186. cat tail >> fr-txt21.htm
  187.  
  188.  
  189.  
  190. rm fr-txt22.htm
  191. cat head > fr-txt22.htm
  192. cat << +END+ >> fr-txt22.htm
  193. <H2>Display B</H2>
  194. B is the second letter of the alphabet.
  195. +END+
  196. cat tail >> fr-txt22.htm
  197.  
  198.  
  199.  
  200. rm fr-txt23.htm
  201. cat head > fr-txt23.htm
  202. cat << +END+ >> fr-txt23.htm
  203. <H2>Display C</H2>
  204. C is the third letter of the alphabet.
  205. However to many computer scientists it the name of that
  206. magical language.
  207. +END+
  208. cat tail >> fr-txt23.htm
  209.  
  210.  
  211. cat << +END+ > fr-ex1.htm
  212. <HTML>
  213.  <HEAD>
  214.   <TITLE>Page with frames</TITLE>
  215.  </HEAD>
  216. <FRAMESET COLS="30%,70%">
  217.   <NOFRAMES>Sorry no frames in your browser</NOFRAMES>
  218.   <FRAME SRC=fr-txt1.htm >
  219.   <FRAME SRC=fr-txt2.htm >
  220. </FRAMESET>
  221. </HTML>
  222. +END+
  223.  
  224. cat << +END+ > fr-ex2.htm
  225. <HTML>
  226.  <HEAD>
  227.   <TITLE>Page with frames</TITLE>
  228.  </HEAD>
  229. <FRAMESET ROWS="30%,30%,40%">
  230.   <NOFRAMES>Sorry no frames in your browser</NOFRAMES>
  231.   <FRAME SRC=fr-txt1.htm >
  232.   <FRAME SRC=fr-txt2.htm >
  233.   <FRAME SRC=fr-txt3.htm >
  234. </FRAMESET>
  235. </HTML>
  236. +END+
  237.  
  238. cat << +END+ > fr-ex3.htm
  239. <HTML>
  240.  <HEAD>
  241.   <TITLE>Page with frames</TITLE>
  242.  </HEAD>
  243.  <FRAMESET COLS="50%,50%">
  244.    <NOFRAMES>Sorry no frames in your browser</NOFRAMES>
  245.    <FRAMESET ROWS="50%,50%%">
  246.      <FRAME SRC=fr-txt1.htm >
  247.      <FRAME SRC=fr-txt1.htm >
  248.    </FRAMESET>
  249.    <FRAMESET ROWS="40%,20%,40%">
  250.      <FRAME SRC=fr-txt1.htm >
  251.      <FRAME SRC=fr-txt2.htm >
  252.      <FRAME SRC=fr-txt3.htm >
  253.    </FRAMESET>
  254.  </FRAMESET>
  255. </HTML>
  256. +END+
  257.  
  258.  
  259.  
  260. cat << +END+ > fr-ex4.htm
  261. <HTML>
  262.  <HEAD>
  263.   <TITLE>Page with frames</TITLE>
  264.  </HEAD>
  265. <FRAMESET COLS="30%,30%,40%">
  266.   <NOFRAMES>Sorry no frames in your browser</NOFRAMES>
  267.   <FRAME SRC=fr-txt1.htm >
  268.   <FRAME SRC=fr-txt2.htm >
  269.   <FRAME SRC=fr-txt3.htm >
  270. </FRAMESET>
  271. </HTML>
  272. +END+
  273.  
  274.  
  275.  
  276. cat << +END+ > fr-ex10.htm
  277. <HTML>
  278.  <HEAD>
  279.   <TITLE>Page with targeting</TITLE>
  280.  </HEAD>
  281. <FRAMESET COLS="30%,70%">
  282.   <NOFRAMES>Sorry no frames in your browser</NOFRAMES>
  283.   <FRAME SRC=fr-txt11.htm >
  284.   <FRAME SRC=fr-txt12.htm NAME="results">
  285. </FRAMESET>
  286. </HTML>
  287. +END+
  288.  
  289.  
  290. rm -f head tail
  291.